@require './config'
@require './code'
@require './custom-blocks'
@require './arrow'
@require './wrapper'
@require './toc'
@require './prism-tomorrow'
@require './scrollbar'
@require './tag'

html, body
  padding 0
  margin 0
body
  background-color #fff
  font-family -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  font-size 16px
  color $textColor
.page
  padding-left $sidebarWidth

.theme-blog-content:not(.custom)
  @extend .wrapper
  > .content__default
    margin-top $navbarHeight
  a:hover
    text-decoration underline
  p.demo
    padding 1rem 1.5rem
    border 1px solid #ddd
    border-radius 4px
  img
    max-width 100%
.theme-blog-content.custom
  padding 0
  margin 0
  img
    max-width 100%
a
  font-weight 500
  color $accentColor
  text-decoration none
p a code
  font-weight 400
  color $accentColor
kbd
  background #eee
  border solid 0.15rem #ddd
  border-bottom solid 0.25rem #ddd
  border-radius 0.15rem
  padding 0 0.15em
blockquote
  font-size 1rem
  color #999
  border-left 0.2rem solid #dfe2e5
  margin 1rem 0
  padding 0.25rem 0 0.25rem 1rem
  & > p
    margin 0
ul, ol
  padding-left 1.2em
strong
  font-weight 600
h1, h2, h3, h4, h5, h6
  font-weight 600
  line-height 1.25
  .theme-blog-content:not(.custom)  &
    margin-top -($navbarHeight - 1)
    padding-top $navbarHeight
    margin-bottom 0
    &:first-child
      margin-top -1.5rem
      margin-bottom 1rem
      + p, + pre, + .custom-block
        margin-top 2rem
  &:hover .header-anchor
    opacity 1
h1
  font-size 2.2rem
  .theme-blog-content .content__default &
    text-align center
    a.header-anchor
      display none
h2
  font-size 1.65rem
  padding-bottom 0.3rem
  border-bottom 1px solid $borderColor
h3
  font-size 1.35rem
a.header-anchor
  font-size 0.85em
  float left
  margin-left -0.87em
  padding-right 0.23em
  margin-top 0.125em
  opacity 0
  &:hover
    text-decoration none
code, kbd, .line-number
  font-family source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace
p, ul, ol
  line-height 1.7
hr
  border 0
  border-top 1px solid $borderColor
table
  border-collapse collapse
  margin 1rem 0
  display block
  overflow-x auto
tr
  border-top 1px solid #dfe2e5
  &:nth-child(2n)
    background-color #f6f8fa
th, td
  border 1px solid #dfe2e5
  padding 0.6em 1em

.singleText
  overflow hidden
  text-overflow ellipsis
  white-space nowrap
